<template>
  <view class="flex gap-10 items-center h-14 px-4 bg-white">
    <view class="w-max text-sm">兑换码</view>
    <input class="flex-1 h-full ml-auto text-right" type="text" placeholder-class="plcg" placeholder="最多可输入15字,支持中英文数字">
  </view>

  <view class="mt-2 flex justify-between items-center h-14 px-4 bg-white" @click="jumpGiftPack">
    <view class="w-max text-sm">兑换码礼包</view>
    <image src="@/static/image/rt.png" class="w-5 h-5"></image>
  </view>

  <view class="mt-2 flex justify-between items-center h-14 px-4 bg-white">
    <view class="w-max text-sm">兑换有效时间</view>
    <image src="@/static/image/rt.png" class="w-5 h-5"></image>
  </view>

  <view class="mt-2 flex gap-10 items-center h-14 px-4 bg-white">
    <view class="w-max text-sm">礼物数量</view>
    <input class="flex-1 h-full ml-auto text-right" type="text" placeholder-class="plcg" placeholder="最多可输入15字,支持中英文数字">
  </view>
</template>

<script setup lang="ts">
const jumpGiftPack = () => {
  uni.navigateTo({ url: '/pages/exCode/giftPack' })
}
</script>

<style scoped lang="scss">
page {
  min-height: 100vh;
  background: #f5f5f5;
}
</style>
